﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaPagos
@{
    ViewBag.Title = "Buscar Pagos";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
    if (ViewBag.permiso == 1)
    {
        Layout = "~/Views/Shared/_PropietarioLayout.cshtml";    
    }
}
<script>
    function submitConTipo() {
        if (document.getElementById("comprobante").checked || document.getElementById("transferencia").checked)
            document.getElementById('ContactForm').submit();
        else alert("Escoja buscar por comprobante, por transferencia o por ambos");
    }
</script>

<body id="page5">

    <!-- content -->
    <div class="body2">
        <div class="main">
            <section id="content">
                <div class="wrapper">
                    <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                    
                    <article class="col1" style="width: 450px">
                        <!--dentro de div pad2 trabajare mi formulario -->
                        <div class="pad2">
                            <h3 class="pad_bot1 pad_top1">Buscar Pagos</h3>

                            <form id="ContactForm" method="post" action="/Pagos/MostrarPagos">


                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Edificio</span><br>
                                    <select name="prIdEdificio">
                                        @foreach (TumbaloSoft.Models.Edificio edificio in ViewBag.listaEdificios)
                                        {
                                            <option value="@edificio.prIdEdificio">@edificio.prNombre</option>
                                        }
                                    </select>

                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Departamento</span>
                                    <br>@Html.TextBoxFor(model => model.prNumeroDepartamento)
                                    @Html.ValidationMessageFor(model => model.prNumeroDepartamento, null, new { style = "float: none" })
                                </div>
                                <!--div class="wrapper">
                                    <span>
                                        <br>
                                        Propietario</span>
                                    <br>@Html.TextBoxFor(model => model.prIdPropietario)
                                    @Html.ValidationMessageFor(model => model.prIdPropietario, null, new { style = "float: none" })
                                </div-->
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Numero de Comprobante</span>
                                    <br>@Html.TextBoxFor(model => model.prIdComprobante, new { maxlength = "8" , style = "width:200px"})
                                    @Html.ValidationMessageFor(model => model.prIdComprobante, null, new { style = "float: none" })
                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Numero de Transferencia</span>
                                    <br>@Html.TextBoxFor(model => model.prIdTransferencia, new { maxlength = "8" , style = "width:200px"})
                                    @Html.ValidationMessageFor(model => model.prIdTransferencia, null, new { style = "float: none" })
                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Fecha de emision minima de cuota</span>
                                    <br>
                                    <input class="input" type="date" name="prFechaEmisionMinima" />
                                    @Html.ValidationMessageFor(model => model.prFechaEmisionMinima, null)
                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Fecha de vencimiento minima de cuota</span>
                                    <br>
                                    <input class="input" type="date" name="prFechaVencimientoMinima" />
                                    @Html.ValidationMessageFor(model => model.prFechaVencimientoMinima, null)
                                </div>
                                <div class="wrapper">
                                    <span>
                                        <br>
                                        Tipo Pago</span>
                                    <br>
                                    <ul style="overflow: scroll; overflow-x: hidden; max-height: 20em; max-width: 17em">
                                        <li>
                                            <input type="checkbox" name="prTipoPago" value="comprobante" id="comprobante" />
                                            Comprobante
                                        </li>
                                        <li>
                                            <input type="checkbox" name="prTipoPago" value="transferencia" id="transferencia" />
                                            Transferencia
                                        </li>
                                    </ul>
                                </div>
                                <br>
                            </form>
                            <a href="#" onclick="javascript:submitConTipo()">
                                <img src="../Content/site/images/icono_buscar.png" /></a>
                        </div>
                        <br>
                    </article>
                </div>

            </section>
        </div>
    </div>

    <!-- / content -->

    <script type="text/javascript"> Cufon.now(); </script>

</body>
